<template>
    <div class="chart" ref="bar"></div>
</template>
<script>
import * as echarts from "echarts"
export default {
    mounted() {
        //初始化
        this.barChart = echarts.init(this.$refs.bar);
        //设置选项
        this.barChart.setOption({
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            xAxis: {
                data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
            },
            yAxis: {},
            series: [
                {
                    name: '销量',
                    type: 'bar',
                    data: [5, 20, 36, 10, 10, 20]
                }
            ]
        })
    }
}
</script>
<style>
.chart {
    height: 300px;
    border: 3px solid #ccc;
}
</style>